﻿@{
    ViewBag.Title = "分机管理";
    Layout = "~/Views/Shared/_Layout.cshtml"; 
}
<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/MicrosoftAjax.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/MicrosoftMvcAjax.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/jquery.treeview.async.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/jquery.treeview.edit.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/jquery.treeview.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/js/jquery.treeview.sortable.js")"></script>
<link href="@Url.Content("~/Content/js/jquery.treeview.css")" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function () {
        $("#browser").treeview();
    });
 </script>
   <html>

  <script type='text/javascript'>
      $.ui.dialog.defaults.bgiframe = true;
      $(function () {
          $('#myDialog').dialog({
              width: 480,
              autoOpen: false,
              modal: true,
              buttons: {

          }
      });
  });

  function showDialog() {
      $('#myDialog').dialog('open');
  }


  function closeWin() {
      $('#myDialog').dialog('close');
  }
      
  </script>
  <div id="myDialog" title="My Dialog">
    <div id="dialogContent" style="overflow-y: auto; height: 280px;">
        <span class="blue13">Here is your message for dialog</span>
    </div>
    <div style="text-align:right;">
      <img src="../Images/Button_Close.gif" border="none" onMouseover="this.style.cursor='hand'" onclick="closeWin();">
    </div>
  </div>
  
   
  <div>
    <input type="button" name="btnDialog" value="My Dialog" id="btnDialog" onclick="javascript:showDialog();" />
  </div>
  
  
</html>

    <div class="col33">
        <ul id="browser" class="treeview-gray">

		<li><span class="folder">Folder 1</span>

			<ul>

				<li><span class="folder">Item 1.1</span> 
					<ul> 
						<li><span class="file">Item 1.1.1</span></li> 
					</ul> 
				</li> 
				<li><span class="folder">Folder 2</span> 
					<ul> 
						<li><span class="folder">Subfolder 2.1</span> 
							<ul id="folder21"> 
								<li><span class="file">File 2.1.1</span></li> 
								<li><span class="file">File 2.1.2</span></li> 
							</ul> 
						</li> 
						<li><span class="folder">Subfolder 2.2</span> 
							<ul> 
								<li><span class="file">File 2.2.1</span></li> 
								<li><span class="file">File 2.2.2</span></li> 
							</ul> 
						</li> 
					</ul> 
				</li> 
				<li class="closed"><span class="folder">Folder 3 (closed at start)</span> 
					<ul> 
						<li><span class="file">File 3.1</span></li> 
					</ul> 
				</li> 
				<li><span class="file">File 4</span></li>

			</ul>

		</li>

	</ul>
    </div>
 </ul>
 abc
 
 <script type="text/javascript">
     function change() {

         var url = '@Url.Content("~/Manage/Test/")';
         var targetDiv = "#myResults"
         $.get(url, null, function (result) {
             $(targetDiv).html(result);
         });
     }
  </script>

 <div class="col33 center">
       <input type=button onclick="change()" value="Test" />
         <div id="myResults">
        返回结果
    </div>
    <div id="loading" style="display:none">
Loading
</div>
    
 </div>